<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首都绿化基金会</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="top mb-com">
    <img src="./images/z-logo.png" alt="">
    <a href="#">重选通道</a>
</div>
<div class="main">
     <div class="main-top">
         根据五届全国人大四次会议颁布的《关于开展全民义务植树运动的决议》“凡是条件具备的地方，年满十一岁的中华人民共和国公民，除老弱病残者外，因地制宜，每人每年义务植树三至五棵，或者完成相应劳动量的育苗、管护和其他绿化任务”的规定及《国务院关于开展全民义务植树运动的实施办法》（1982年2月27日）的规定，按照全国绿化委员会《全民义务植树尽责形式管理办法（试行）》第二章 尽责形式 第四条（六）款的要求，北京、天津、上海、江苏、浙江为一类地区，捐款20元折算完成1株植树任务。首都地区适龄公民(男十一岁至六十岁，女十一岁至五十五岁)捐款60元（折算植树3株）算完成年度义务植树尽责任务，可获得首都绿化委员会办公室颁发的年度电子义务植树尽责证书。
     </div>
    <div class="main-inner">
        <h3 class="title">
            <img src="./images/logo.png" alt="">
            捐资尽责
        </h3>
        <p class="title-txt mb-com">填写如下信息完成捐资尽责，<span class="act">*</span> 为必填项。</p>

        <form id="form">
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">选择项目</span>
                <div class="ipt">
                    东城区义务尽责
                    <span></span>
                </div>
                <input type="text" class="ipt" hidden>
            </div>
            <div class="ipt-box mb-com act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>真实姓名</span>
                <input type="text" class="ipt" name="user" placeholder="请填写您的真实姓名" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">单位名称</span>
                <input type="text" class="ipt" name="company" placeholder="请填写单位名称" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com1 act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>人员类型</span>
                <div class="ipt act">
                    请选择人员类型
                    <span></span>
                </div>
                <input type="text" name="gongm" hidden id="box-ipt" placeholder="请选择人员类型">
                <div class="box">
                    <div class="item">中国适龄公民</div>
                    <div class="item">中国非适龄公民</div>
                </div>
            </div>
            <div class="tips mb-com">
                <span>提示：</span>适龄公民（男11岁至60岁，女11岁至55岁）捐赠满60元，可获得义务尽责证书，捐赠满120元，可获得国土绿化荣誉证书；非适龄公民、单位团体、外籍人士以及港澳台同胞捐赠满20元，即可获得国土绿化荣誉证书。
            </div>
            <div class="fg mb-com"></div>

            <div class="ipt-box mb-com act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>身份证号后四位 </span>
                <input type="text" class="ipt" name="sfz" placeholder="请输入证件号码后四位" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="tips mb-com">
                <span>提示：</span>请填写身份证号后四位，外籍人士请填写护照编号后四位，单位团体请填写组织机构代码证后四位，以便生成证书编号。
            </div>
            <div class="fg mb-com"></div>

            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">电子邮箱</span>
                <input type="text" class="ipt" name="email" placeholder="请填写您常用的电子邮箱" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com act">
                <span style="color: rgba(40,67,58,0.8);" class="top-title"><i class="act">*</i>手机号码</span>
                <input type="tel" class="ipt" name="phone" placeholder="请填写您常用的手机号码" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">发票寄送</span>
                <input type="text" class="ipt" name="invoice" placeholder="如果您需要寄送发票，请您留下您的地址。" style="border-color: rgb(202, 219, 224);">
            </div>
            <div class="ipt-box mb-com textarea">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">您有什么想和我们说</span>
                <textarea name="word" id="" placeholder="有什么想说的话可以在这里留言..."></textarea>
            </div>

            <div class="jk-money">
                <span style="color: rgba(40,67,58,0.8);" class="top-title">捐款金额</span>
                <div class="jk-money-label">
                    <div class="label">
                        <i>10</i>元
                    </div>
                    <div class="label">
                        <i>20</i>元
                    </div>
                    <div class="label">
                        <i>60</i>元
                    </div>
                    <div class="label">
                        <i>100</i>元
                    </div>
                </div>
                <div class="other ipt-box act">
                    其他金额
                    <input type="number" name="radio">
                    元
                </div>
            </div>
        </form>
    </div>
</div>
<button type="submit" class="btn-submit">支持北京绿化基金会</button>
<script src="js/rem.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>